<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>05-iframe-不同源通信-子页面</title>
  </head>
  <body>
    <h2>子页面</h2>
    <button id="btn">给父页面传递数据</button>
    <script>
      //   const parent = window.parent;

      //   console.log(parent.aaa);
      //   子页面接收数据
      window.onmessage = function (data) {
        console.log(data);
      };
      btn.onclick = function () {
        const parent = window.parent;
        // 子页面给父页面传递数据
        parent.postMessage("来自子页面的数据", "http://127.0.0.1:5500");
      };
    </script>
  </body>
</html>
